import React from 'react'
import './LiveRoomTabs.css'

import TabWithCustomUnderline from "../../../../layouts/TabWithCustomUnderline/TabWithCustomUnderline"
import ChatRoom from "../../../game-room/components/Main/chat-room/chat-room"
import StarInfo from "./components/StarInfo/StarInfo"
import DevRank from "./components/DevRank/DevRank"
import {steamers,} from "../../../../utils/mockdata"


const LiveRoomTabs = props => {
    const {
        star,
    } = props
    const tabs = [{title: '聊天',}, {title: '主播',}, {title: '贡献',},]

    return (
        <div className='live-room-tab-ctn'>
            <TabWithCustomUnderline
                tabs={tabs}
                prefixCls='live-room-tab'
            >
                <ChatRoom
                    type='live'
                />
                <StarInfo
                    star={star}
                />
                <DevRank />
            </TabWithCustomUnderline>
        </div>
    )

}

export default LiveRoomTabs
